.pbanner@charset "utf-8";
/* 
 * Project Name:天一印务
 * Author:yokovivi
 * Date：2021-2-4
 */
@font-face {
    font-family: 'DINCond-Medium';
    src: url('DINCond-Medium.eot');
    src: url('DINCond-Medium.eot?#iefix') format('embedded-opentype'),
        url('DINCond-Medium.woff2') format('woff2'),
        url('DINCond-Medium.woff') format('woff'),
        url('DINCond-Medium.ttf') format('truetype'),
        url('DINCond-Medium.svg#DINCond-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Black';
    src: url('DIN-Black.eot');
    src: url('DIN-Black.eot?#iefix') format('embedded-opentype'),
        url('DIN-Black.woff2') format('woff2'),
        url('DIN-Black.woff') format('woff'),
        url('DIN-Black.ttf') format('truetype'),
        url('DIN-Black.svg#DIN-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-BlackItalic';
    src: url('DIN-BlackItalic.eot');
    src: url('DIN-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('DIN-BlackItalic.woff2') format('woff2'),
        url('DIN-BlackItalic.woff') format('woff'),
        url('DIN-BlackItalic.ttf') format('truetype'),
        url('DIN-BlackItalic.svg#DIN-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: 'DINCond-bold';
    src: url('DINCond-Bold.eot');
    src: url('DINCond-Bold.eot?#iefix') format('embedded-opentype'),
        url('DINCond-Bold.woff2') format('woff2'),
        url('DINCond-Bold.woff') format('woff'),
        url('DINCond-Bold.ttf') format('truetype'),
        url('DINCond-Bold.svg#DINCond-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DINCond-Light';
    src: url('DINCond-Light.eot');
    src: url('DINCond-Light.eot?#iefix') format('embedded-opentype'),
        url('DINCond-Light.woff2') format('woff2'),
        url('DINCond-Light.woff') format('woff'),
        url('DINCond-Light.ttf') format('truetype'),
        url('DINCond-Light.svg#DINCond-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-BoldAlternate';
    src: url('DIN-BoldAlternate.eot');
    src: url('DIN-BoldAlternate.eot?#iefix') format('embedded-opentype'),
        url('DIN-BoldAlternate.woff2') format('woff2'),
        url('DIN-BoldAlternate.woff') format('woff'),
        url('DIN-BoldAlternate.ttf') format('truetype'),
        url('DIN-BoldAlternate.svg#DIN-BoldAlternate') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Light';
    src: url('DIN-Light.eot');
    src: url('DIN-Light.eot?#iefix') format('embedded-opentype'),
        url('DIN-Light.woff2') format('woff2'),
        url('DIN-Light.woff') format('woff'),
        url('DIN-Light.ttf') format('truetype'),
        url('DIN-Light.svg#DIN-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Regular';
    src: url('DIN-Regular.eot');
    src: url('DIN-Regular.eot?#iefix') format('embedded-opentype'),
        url('DIN-Regular.woff2') format('woff2'),
        url('DIN-Regular.woff') format('woff'),
        url('DIN-Regular.ttf') format('truetype'),
        url('DIN-Regular.svg#DIN-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-Bold';
    src: url('DIN-Bold.eot');
    src: url('DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('DIN-Bold.woff2') format('woff2'),
        url('DIN-Bold.woff') format('woff'),
        url('DIN-Bold.ttf') format('truetype'),
        url('DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
table, caption, tbody, tfoot, thead, tr, th, td,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
html::-webkit-scrollbar{width:7px;height:7px;background-color:#b1a194;}
html::-webkit-scrollbar-track{border-radius:0;background-color:#b1a194;}
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#d60300;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","微软正黑体","Microsoft JhengHei","SimHei","黑体",Arial,Helvetica,sans-serif; margin: 0 auto; color: #666; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
strong { font-weight: bold; }
img { border: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #d48d92; color: #fff; text-shadow: none; }
::selection { background: #d48d92; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;}
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.inner,.pinner{ width: 86%; margin: 0px auto;}
.top a:link, .top a:visited { color: #333333;}
.top a:active, .top a:hover { color: #da1a10;}
.top{ position: fixed; left: 0; top: 0; width: 100%; background-color: #fff; box-shadow: 0 0 7px rgba(0, 0, 0, 0.16); z-index: 999; -webkit-transition: 0.3s; transition: 0.3s;}
.top.scoll{}
.logo{ position: absolute; left: 3%; top: 20px; width: 200px;}
.logo img{ width: 100%; display: block;}
.gold-sider{ float: right; display: block; margin-left: 70px; width: 120px;}
.gold-sider a{ position: relative; float: left; display: block; margin-right: 15px; height: 90px; line-height: 90px; padding: 0px 8px; font-size: 16px; font-family: "DIN-Black";}
.gold-sider a .iconfont{ font-size: 21px;}
.gold-sider a:before { 
	content: ""; width: 100%; height: 8px; background-color: #da1a10; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; }
.gold-sider a:hover:before { 
	transform: scaleX(1); 
	-webkit-transform: scaleX(1); 
	-moz-transform: scaleX(1); 
	transform-origin: 0; 
	-webkit-transform-origin: 0; 
	visibility:visible\9;
}
.nav{ float: right; display: inline-block; position: relative;}
.nav li{ display: block; float: left;}
.nav li:first-child{ margin-left:0px;}
.nav>ul>li>a{ 
	position: relative; 
	display: block; 
	padding: 0px 30px; 
	height: 90px; 
	line-height: 90px; 
	font-size: 16px;}
.nav>ul>li>a:before { 
	content: ""; 
	width: 100%; 
	height: 4px; 
	background-color: #da1a10; 
	position: absolute; 
	left: 0; bottom: 0; 
	transform-origin: 100%; 
	-webkit-transform-origin: 100%; 
	-webkit-transition: 
	-webkit-transform .4s cubic-bezier(.4,0,.2,1); 
	transition: transform .4s cubic-bezier(.4,0,.2,1); 
	-webkit-transform: scaleX(0); 
	visibility:hidden\9;
}
.nav>ul>li:hover>a:before,.nav>ul>li>a.hov:before{ 
	transform: scaleX(1); 
	-webkit-transform: scaleX(1); 
	-moz-transform: scaleX(1); 
	transform-origin: 0; 
	-webkit-transform-origin: 0; 
	visibility:visible\9;
}
.nav>ul>li>a.active{ color: #da1a10;}
.nav .subnav{ 
	position: absolute; 
	left: 0; 
	top: 120%; 
	background-color: #333;
	width: 100%; 
	display: none;}
.nav .subnav a,.nav .subnav a:hover{ color: #fff;}
.nav .subnav a{ float: left; padding: 0px 30px; display: block; height: 56px; line-height: 56px; font-size: 16px;}
.nav .subnav a:hover{ background-color: #d8110e;}
.menu-handler{ float: right; display: block; width:50px;height: 50px; display:none; cursor: pointer; z-index: 1010;}
.menu-handler span { position: relative; display: block; margin: 24px auto 0; width: 18px; height: 2px; background-color: #707070; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #707070; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active{ background-color: #E0260F;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before { background-color: #fff; -webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #707070;}
.menuBox a:active,.menuBox a:hover { color: #0c2254;}   
.menuBox { position: fixed; display: none; right: 0px; top: 0px; width: 140px; height: 100%; height:100vh; color: #707070; font-size: 16px; -moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); overflow-x:hidden; overflow-y:auto; -webkit-overflow-scrolling:touch;  z-index: 990; -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuMoblie{ float: right; padding:80px 0; width: 140px; min-height: 100%; box-sizing: border-box; background-color: #fafafa; border-left: 1px solid #e0e3e8;  }
.menuMoblie li{ position: relative;}
.menuMoblie .nav-link { position: relative; display: block; padding: 10px 30px;}
.menuMoblie .nav-link:before{ content: ""; position: absolute; left: -1px; top: 0; width: 4px; height: 0; background-color: #e0260f; transition: 0.3s; -webkit-transition: 0.3s;}
.menuMoblie .cur .nav-link{ color: #0c2254;}
.menuMoblie .cur .nav-link:before { height: 100%;}
.menu-bg{ position: absolute; right: 140px; top: 0; width: 120px; height: 100%; min-height: 100%; overflow-x:hidden; overflow-y:auto; background-color: #fafafa; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0; visibility: hidden;}
.menuMoblie .subnav { position: absolute; right: 140px; top: 0; width: 120px; display: none; -webkit-overflow-scrolling:touch; }
.menuMoblie .subnav a { position: relative; display: block; padding: 8px 5%; text-align: center; color: #666666;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 980; background-color: rgba(0,0,0,0.4); visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0);}
.menuBox.cur{ width: 260px;}
.menuBox.cur .menu-bg{ opacity: 1; visibility: visible;}
.pageH{ height: 72px;}
.fixedImg { background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.smlink{ margin-left: 30px;}
.imgw{ width: 100%; display: block;}
.ellipsisT{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }
.ermSBox { width: 220px; height: 264px; border: 5px solid #eeeeee; background: #fff; position: fixed; left: 50%; top: 50%; margin: -100px 0 0 -115px; z-index: 1004; }   
.ermSBox .img { padding: 20px; }
.ermSBox .img img { width: 100%; height: 100%; display: block; }
.ermSBox .t { padding: 10px 0px; color: #666; font-weight: bold; background: #eeeeee; text-align: center; }
.pageC a:link, .pageC a:visited { color: #333;}
.pageC a:active, .pageC a:hover { color: #CE272D;}
.pageC img{ max-width: 100% !important; height: auto !important; }
.pageC{ overflow: hidden;}
.pageC p{ margin-bottom: 15px;font-size:15px;line-height: 30px}
.transition6{ transition: 0.6s; -webkit-transition: 0.6s;}
.scaleO:hover .imgw{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05);}


.page{ margin-right: 121px; min-height: calc(100vh - 72px);}
.sider-box{ position: fixed; right: 0; top: 72px; bottom: 0; width: 120px; border-left: 1px solid #e0e3e8; background:#fff} 

.sider-info a:link, .sider-info a:visited { color: #999999;}
.sider-info a:active, .sider-info a:hover { color: #d71c10;}
.sider-info{ position: absolute; right:0; bottom: 0; width: 100%; color: #999999;-webkit-transition: 0.3s; transition: 0.3s;}
.sider-info .tel{ line-height: 65px; display: block; text-align: center; color: #999999;}
.sider-info .tel .iconfont{ font-size: 27px;}
.sider-sharp{ border-top: 1px solid #e0e3e8; border-bottom: 1px solid #e0e3e8; padding: 15px 0px; text-align: center;}
.sider-sharp a{ margin: 0px 10px; font-size: 22px; }
.sider-nav a:link, .sider-nav a:visited { color: #666;}
.sider-nav a:active, .sider-nav a:hover { color: #d71c10;}
.sider-nav{ position: absolute; left: 0; top: 35%; right: 0; margin: auto; width: 120px;}
.sider-nav a{ position: relative; display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px;}
.sider-nav a:before { content: ""; position: absolute; left: -1px; top: 0; width: 6px; height: 100%; background-color: #e0260f; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }
.sider-nav a.active:before,.sider-nav a:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9}
.hx-name{ position: fixed; left: 26px; top: 50%; width: 17px; height: 210px; margin-top: -105px; background: url(../images/by.png) no-repeat scroll center center; z-index: 600;}
.hx-mouse{ display: block; position: fixed; left: 26px; bottom: 2%; border: 2px solid #a1a1a1; border-radius: 20px; width: 22px; height: 36px; z-index: 600; -webkit-transition:bottom 0.4s; transition:bottom 0.4s;}
.hx-mouse i{ width: 2px; height: 8px; position: absolute; left: 50%; top: 4px; margin-left: -1px; background-color: #a1a1a1; -webkit-animation: scrollLine 0s infinite; animation: scrollLine 1s infinite;}
@-webkit-keyframes scrollLine { from { -webkit-transform: translateY(0); transform: translateY(0);
		height: 0; }
	to { -webkit-transform: translateY(100%); transform: translateY(100%);
		height: 12px; } }

@keyframes scrollLine { from { -webkit-transform: translateY(0); transform: translateY(0);
		height: 0; }
	to { -webkit-transform: translateY(100%); transform: translateY(100%);
		height: 12px; } }
.showme .hx-mouse{ bottom: 100px; transition-delay: 0ms; -webkit-transition-delay: 0ms; }
.showme .sider-info{ bottom: 72px;}
.bgf5{ background-color: #F5F5F5;}
.pagePadding{ padding: 50px 0px 20px;}
.pageT{ margin-bottom: 30px;}
.pageT .en{ color: #0C2254; font: 48px/1.2 "DIN-BlackItalic"; padding:0 0 6px;}
.pageT .en>span{ padding:0 5px;}
.pageT .red{ color: #E0260F; padding-left: 8px;}
.pageT .zh{ font-size: 24px; color: #333;}
.pageT .type{ color: #E0260F; font-size: 16px; font-family: "DIN-Bold";}
.page-nav a:link, .page-nav a:visited { color: #fff;}
.page-nav a:active, .page-nav a:hover { color: #fff;}
.page-nav{ float: right; display: block; padding-top: 70px;}
.page-nav a{ float: left; display: block; width: 120px; height: 48px; line-height: 48px; margin-left: 16px; background-color: #333; text-align: center;}
.page-nav a:hover,.page-nav a.active{ background-color: #E0260F;}
/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 400px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -200px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 32px; height: 32px; cursor: pointer; position: absolute; top: 0px; right: -42px;}
.vwrap .close i { display: block; width: 32px; height: 32px; font-family: "iconfont" !important; font-size:24px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 31px;text-align: center;color: #fff;-webkit-transition: 0.4s; transition: 0.4s;}
.vwrap .close i:before { content: "\e612"; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #f1f1f1 url(../images/loader.gif) center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08);}
    to { opacity: 1;  -webkit-transform: scale(1); transform: scale(1);}
}
/* pswp = photoswipe */
.pswp{display:none;position:absolute;width:100%;height:100%;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;-webkit-backface-visibility:hidden;outline:0}
.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}
.pswp img{max-width:none}
.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--open{display:block}
.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}
.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}
.pswp__bg{position:absolute;left:0;top:0;width:100%;height:100%;background:none rgba(0,0,0,.8);opacity:0;transform:translateZ(0);-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__scroll-wrap{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none;position:absolute;left:0;right:0;top:0;bottom:0}
.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.pswp__zoom-wrap{position:absolute;width:100%;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4,0,.22,1);transition:transform 333ms cubic-bezier(.4,0,.22,1)}
.pswp__bg{will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}
.pswp__container,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}
.pswp__item{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden}
.pswp__img{position:absolute;width:auto;height:auto;top:0;left:0}
.pswp__img--placeholder{-webkit-backface-visibility:hidden}
.pswp__img--placeholder--blank{background:#222}
.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}
.pswp__error-msg{position:absolute;left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#CCC}
.pswp__error-msg a{color:#CCC;text-decoration:underline}
.pswp__button{width:44px;height:44px;position:relative;background:0 0;cursor:pointer;overflow:visible;-webkit-appearance:none;display:block;border:0;padding:0;margin:0;float:right;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}
.pswp__button:focus,.pswp__button:hover{opacity:1}
.pswp__button:active{outline:0;opacity:.9}
.pswp__button::-moz-focus-inner{padding:0;border:0}
.pswp__ui--over-close .pswp__button--close{opacity:1}

@media (-webkit-min-device-pixel-ratio:1.1),(-webkit-min-device-pixel-ratio:1.09375),(min-resolution:105dpi),(min-resolution:1.1dppx){
  
    .pswp__button--close{color:#fff}
}
.pswp__button--close{background-position:0 -44px}
.pswp__button--share{background-position:-44px -44px}
.pswp__button--fs{display:none}
.pswp--supports-fs .pswp__button--fs{display:block}
.pswp--fs .pswp__button--fs{background-position:-44px 0}
.pswp__button--zoom{display:none;background-position:-88px 0}
.pswp--zoom-allowed .pswp__button--zoom{display:block}
.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0}
.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right{visibility:hidden}
.pswp__button--arrow--left,.pswp__button--arrow--right{top:50%; width: 48px; height: 48px; line-height: 48px; margin-top: -24px; position: absolute;  background:none #767676; color: #fff;  display: block; font-family:"iconfont" !important;font-size:20px; text-align: center; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pswp__button--arrow--left{left:2%}
.pswp__button--arrow--right{right:2%;}
.pswp__button--arrow--left:before{content: "\e601";}
.pswp__button--arrow--right:before{content: "\e676";}
.pswp__button--arrow--left:hover,.pswp__button--arrow--right:hover{color:#fff; background-color: #BC092B;}
.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;left:0;padding:10px;position:absolute;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;-webkit-backface-visibility:hidden;will-change:opacity}
.pswp__share-modal--hidden{display:none}
.pswp__share-tooltip{z-index:1620;position:absolute;background:#FFF;top:56px;border-radius:2px;display:block;width:auto;right:44px;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);-ms-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-backface-visibility:hidden;will-change:transform}
.pswp__share-tooltip a{display:block;padding:8px 12px;color:#000;text-decoration:none;font-size:14px;line-height:18px}
.pswp__share-tooltip a:hover{text-decoration:none;color:#000}
.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}
.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}
.pswp__share-modal--fade-in{opacity:1}
.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.pswp--touch .pswp__share-tooltip a{padding:16px 12px}
a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#FFF;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}
a.pswp__share--facebook:hover{background:#3E5C9A;color:#FFF}
a.pswp__share--facebook:hover:before{border-bottom-color:#3E5C9A}
a.pswp__share--twitter:hover{background:#55ACEE;color:#FFF}
a.pswp__share--pinterest:hover{background:#CCC;color:#CE272D}
a.pswp__share--download:hover{background:#DDD}
.pswp__counter{float:left;height:44px;font-size:13px;line-height:44px;color:#FFF;opacity:.75;padding:0 10px}
.pswp__caption{position:absolute;left:0;bottom:0;width:100%;min-height:44px}
.pswp__caption__center{text-align:center;max-width:600px;font-size:15px;margin:0 auto;padding:20px 10px;color:#fff}
.pswp__caption__center .xzy-zan{float:right;display:block}
.pswp__caption--empty{display:none}
.pswp__caption--fake{visibility:hidden}
.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}
.pswp__preloader__icn{width:20px;height:20px;margin:12px}
.pswp__preloader--active{opacity:1}

.pswp--css_animation .pswp__preloader--active{opacity:1}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:clockwise .5s linear infinite;animation:clockwise .5s linear infinite}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;animation:donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite}
.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}
.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}
.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #FFF;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}
@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}
}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@-webkit-keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes donut-rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}
50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
.pswp__ui{-webkit-font-smoothing:auto;visibility:visible;opacity:1;z-index:1550}
.pswp__top-bar{position:absolute;left:0;top:0;height:44px;width:100%}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4,0,.22,1);transition:opacity 333ms cubic-bezier(.4,0,.22,1)}
.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right{visibility:visible}
.pswp__caption,.pswp__top-bar{background-color:rgba(0,0,0,.5)}
.pswp__ui--fit .pswp__caption,.pswp__ui--fit .pswp__top-bar{background-color:rgba(0,0,0,.3)}
.pswp__ui--idle .pswp__top-bar{opacity:1}
.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right{opacity:0}
.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}
.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}
.pswp__element--disabled{display:none!important}
.pswp--minimal--dark .pswp__top-bar{background:0 0}
#gallery2 .pswp__caption__center{text-align:center;font-size:18px}
/*base style end*/

/*index style*/
.align-vertical { height: 100%; width: 100%; position: relative; display: table; }
.vertical-inner { display: table-cell; vertical-align: middle; }
.linkA{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/w0.png) no-repeat;}
.banner a:link, .banner a:visited { color: #999999; }
.banner a:active, .banner a:hover { color: #162b5c; }
.banner { position: relative; overflow: hidden; color: #999999; width: 100%; background-color: #f7f7f7;overflow: hidden;  opacity: 0;visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease;}
.banner.slick-initialized {visibility: visible;opacity: 1;}
.banner .item{ position: relative; overflow: hidden;}
.banner .img{ width: 100%; display: block; overflow: hidden;}
.banner .img img{ width: 100%; position: relative; display: block;}
.banner .img img.mimg{ display: none;}
.banner .binbox{ position: absolute; left: 40%; width: 600px; top: 35%; margin-left: -355px;}
.binbox h5{color:#fff; color: #fff;font-size:24px; text-align: left; font-weight: normal}

.binbox .by{ font-size: 52px; line-height: 1.2; color: #fff;}
.binbox .desc{ margin-top: 18px; font-family:  Arial;font-size:24px; color: #fff;}
.bin-more{ position: relative; margin-top: 30px; width: 36px; height: 36px; display: block; line-height: 36px; text-align: center; border: 2px solid #e60012; border-radius: 50%; z-index: 1;}
.bin-more i{ color: #e60012; font-size: 18px;}
.bin-more:hover{ background-color: #e60012;}
.bin-more:before{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2); border-radius:50%; visibility:hidden; z-index:-1;}
.bin-more:hover:before{ opacity:0; visibility:visible; -webkit-transform:scale(1.5); -ms-transform:scale(1.5); transform:scale(1.5); -webkit-transition:.5s;  transition: .5s;}
.bin-more:hover i{ color: #fff;}
.binbox .by,.binbox .desc,.binbox .more{ opacity: 0; visibility: visible; transform: translateY(30px); -webkit-transform: translateY(30px);}
.banner .slick-active .img img { visibility: visible !important; -webkit-animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 3s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .by { -webkit-transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .3s 0.1s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .desc { -webkit-transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .4s 0.3s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .more { -webkit-transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); transition: all .4s 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940); }
.banner .slick-active .by , .banner .slick-active .desc,.banner .slick-active .more { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
.banner .slick-dots { width: 110px; left: 0px; bottom: 0; line-height: 8px; z-index: 504; text-align: center; font-size:0;}
.banner .slick-dots li { position: relative; display: inline-block; padding: 0px; border-radius: 50%; background-color: #fff; height: 8px; width: 8px; margin:0px 8px; cursor: pointer; transition: 0.3s; -webkit-transition: 0.3s;}
.banner .slick-dots li a{ display:block; width:100%; height:100%; overflow: hidden; text-indent: -10rem;}
.banner .slick-dots li.slick-active{ background-color: #d71c10;}
.banner-bot{ position: absolute; left: 50%; width:1200px; margin-left: -600px; bottom: 14px; overflow: hidden; line-height: 1.1;}
.banner-bot{ color: #fff;}
.banner-bot .name{ font-family: "DINCond-bold"; text-transform: uppercase; font-size: 24px;}
.progress{ position: absolute;left: 170px; bottom: 10px; width: 730px; height: 2px; background-color: #fff;}
.progress .progress-bar{ position:absolute; top:0; left:0; width:0; height:100%; background-color:#d71c10;}
.progress.show .progress-bar{width:100%;-webkit-transition:all 5s linear;-o-transition:all 5s linear;transition:all 5s linear;}
.banner-bot .add{ position: relative; float: right; display: block; font-family: "DINCond-bold"; text-transform: uppercase; font-size: 24px;}
.banner-bot .add:before{ color: #d71c10; margin-right: 8px;}
.banner-bot .add:after{ content: ""; position: absolute; bottom: 10px; right: 105%; width: 25px; height: 2px; background-color: #fff;}
.ibanner-dots{ position: absolute; left: 900px; bottom: 4px;}
.cred{ color: #d71c10;}
.ibox{ background-color: #fff;}
.case-ibox{ position: relative; float: right; display: block; width: 300px; overflow: hidden;}
.ititle{ position: absolute; left:30px; top: 10%; border-top: 4px solid #d80e0e; line-height: 1.1; font-size: 20px; font-weight: bold; color: #fff; padding-top: 12px;}
.mico{ width: 15px; height: 15px; display: block; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
.mico:before,.mico:after{ content: ""; position: absolute; background-color: #fff;}
.mico:before{ left: 0; top: 6px; width: 100%; height: 3px; }
.mico:after{ left: 6px; top: 0; height: 100%; width: 3px;}
.pmico{ position: absolute; right: 30px; bottom: 20px;}
.case-ibox:hover .mico{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.new-ibox a:link, .new-ibox a:visited { color: #333333; }
.new-ibox a:active, .new-ibox a:hover { color: #d71c10; }
.new-ibox{ float: left; display: block; width: 70%; padding: 25px 0px;}
.new-tabT{ float: left; display: block; width: 106px; height: 130px; border-right: 1px solid #dcdcdc; line-height: 1.5; font-size: 16px; font-weight: bold; margin-right: 37px;}
.new-tabT a{ position: relative; display: block; padding-right: 15px; margin-top: 10px; text-align: right;}
.new-tabT a:before{ content: ""; position: absolute; right: 0; top: 0; display: block; width: 3px; height: 0; background-color: #d71c10; transition: 0.3s; -webkit-transition: 0.3s;}
.new-tabT a.active{ color: #d71c10;}
.new-tabT a.active:before{ height: 100%;}
.new-tabC{ padding: 8px 0 0 144px; font-weight: 700;}
 @-webkit-keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
   transform: translateY(0%);
  }
}
@keyframes tab {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.new-tab-list{ display: none;-webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.new-tab-list.show{ display: block;}
.new-tab-list a{ display: block; line-height:33px; height: 33px; overflow: hidden;font-size:15px}
.new-tab-list .r{ margin-left: 5px; font-family: "DINCond-Medium"; color: #999999; font-size: 14px;}
.new-tab-list .r:before{ content: "\e808"; font-size: 16px; color: #cfcfcf; padding-right: 12px; font-family:"iconfont" !important; font-style:normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.new-tab-list a:hover .r{ color: #dc322f;}
.new-tab-list a:hover .r:before{ color: #dc322f;}
.bgf5,.twoIbox{ background-color: #f5f5f5;}
.twoIbox .inner{ background-color: #ffffff;}
.tibox{ float: left; display: block; position: relative; overflow: hidden; width: 25%;}
.tibox .ititle{ border-top-color: #fff; color: #fff; text-align: right}
.tibox:hover .mico{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.project-ibox a:link, .project-ibox a:visited { color: #333333; }
.project-ibox a:active, .project-ibox a:hover { color: #d71c10; }
.project-ibox{ float: left; display: block; width: 50%;}
.project-tabT{ position: relative; padding: 8px 6% 0; border-bottom: 1px solid #eeeeee; font-size: 16px; font-weight: bold;}
.project-tabT .tab{ position: relative; float: left; display: block; margin-right: 35px; height: 46px; line-height: 46px; }
.project-tabT .tab:before{ content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 0; height: 4px; background-color: #d71c10; transition: 0.3s; -webkit-transition: 0.3s;}
.project-tabT .tab.active{ color: #d71c10;}
.project-tabT .tab.active:before{ width: 100%;}
.project-more{ position: absolute; right: 5%; bottom: 15px; margin-right: 0;}
.project-more:before,.project-more:after{ background-color: #a0a0a0;}
.project-more:hover:before,.project-more:hover:after{ background-color: #e02510;}
.project-more:hover{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.project-tabC{ padding: 20px 0 0; overflow: hidden;}
.project-tab-list{ position: relative; display: none; width: 100%;-webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.project-tab-list.show{ display: block;}
.project-tab-list dd{ position: relative; float: left; display: block; width: 43%; margin:0 2% ; border: 1px #f3f3f3 solid}
.project-tab-list figure{ overflow: hidden; margin-bottom: 5px;}
.project-tab-list .txt{ font-weight: 700; color: #333;}
.project-tab-list dd:hover .txt{ color: #D60300;}
.project-m{ position: absolute; right: 0; top: 50%; margin-top: -52px; width: 14px; height: 74px; background-color: #d71c10;}
.project-m:before{ content: ""; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 3px solid #fff; position: absolute; left: 50%; top: 50%; margin: -3px 0 0 -1px; display: block; height: 0; width: 0;}
.project-m:hover{ background-color: #d71c10;}
/*index style end*/
/*about style*/
.about-l{ float: left; display: inline-block; margin-right:50px;display: flex;
flex-flow: row nowrap;
justify-content: flex-start; }
.about-l .zh{ 
	color: #fff; 
	font-size: 28px; 
	line-height: 1.2;
	-webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	background: #dc2329; padding: 10px; letter-spacing: 3px
}
.about-l .en{ 
	color:#999; 
	font-size: 70px; 
	line-height: 1.4; 
	font-family: "DIN-Light";
	-webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.about-c{ padding-left: 420px;}
.about-type{ padding: 208px 0px; background-repeat: no-repeat; background-position: center center;}
.about-type-list{ margin-left: -8%;}
.about-type-list li{ position: relative; float: left; width: 17%; margin-left: 8%; padding: 32px 0px; text-align: center; color: #fff; background: url(../images/w_80.png) repeat; background: none rgba(255,255,255,0.5); overflow: hidden; z-index: 1; }
.about-type-list li:before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background:#fff; box-shadow:0px 10px 20px rgba(0,0,0,0.16); -webkit-filter: blur(30px); -moz-filter: blur(30px);-ms-filter: blur(30px); -o-filter: blur(30px); filter: blur(30px); z-index: -1;}
@-webkit-keyframes nvfadeInDown{0%{opacity:.2;100%{opacity:1}}100%{opacity:1;}}@-moz-keyframes nvfadeInDown{0%{opacity:.2;}100%{opacity:1;}}
.about-type-list .iconfont{ line-height: 1.5; display: block; font-size: 45px; color: #0b2254;}
.about-type-list .txt{ font-size: 16px; color: #0b2254; margin: 0px auto; width: 90%; overflow: hidden; -webkit-transition: 0.4s; transition: 0.4s;}
.about-type-list li:after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e0260f; -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index: -1; }
.about-type-list li:hover:after{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9}
.about-type-list li:hover .iconfont{ color: #fff; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: gelatine 0.5s 1; animation: gelatine 0.5s 1; }
.about-type-list li:hover .txt{ color: #fff;}
@keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
}
@-webkit-keyframes gelatine {
    from, to { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
    25% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1); }
    50% { -webkit-transform: scale(1.1, 0.9); transform: scale(1.1, 0.9); }
    75% { -webkit-transform: scale(0.95, 1.05); transform: scale(0.95, 1.05); }
}

.tabT-box{ position: relative; padding: 0px 0 8px; margin-bottom: 40px;}
.tabT{ height: 57px; border-bottom: 1px solid #dddddd;}
.tabT span{ float: left; display: block; position: relative; padding:0 58px; font-size: 18px; line-height: 1.2; height: 57px; color: #999999; cursor: pointer;}
.tabT span:before{ content: ""; position: absolute; right: 0; top: 2px; width: 1px; height: 18px; background-color: #dddddd;}
.tabT span:first-child{ margin-left: -58px;}
.tabT span:last-child:before{ display: none;}
.tabT span:after{ content: ""; width: 16px; height: 16px; background-color: #dddddd; position: absolute; left: 50%; bottom: -8px; border-radius: 50%; margin-left: -8px; opacity: 0; transform: scale(0); -webkit-transform: scale(0); visibility: hidden\9; -webkit-transition: 0.4s; transition: 0.4s;}
.tabT span.active,.tabT span:hover{ color: #E0260F;}
.tabT span.active:after,.tabT span:hover:after{ opacity: 1; visibility: visible\9; transform: inherit;-webkit-transform:inherit;}
.tab-page{ position: relative; display: none; -webkit-animation-name: tab;animation-name: tab;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.tab-page.show{ display: block;}
.culture-page .img{ float: left; display: inline-block; width: 37.5%;}
.culture-page .desc{ float: right; display: inline-block; width: 56%;}
.tab-page .desc{ padding-bottom: 90px;}
.tab-page .by{ font-size: 36px; color: #dd2525; line-height: 1.2;}
.tab-page .en{ font-size: 24px; color: #999999; font-family: "DIN-Light"; margin-bottom: 20px;}
.tab-num{ width: 64px; height: 64px; padding: 10px 0px; line-height: 1.1; text-align: center; display: block; position: absolute; bottom: 0; color: #fff; background-color: #e0260f; border-radius: 50%; font-family: "DIN-Regular";}
.tab-num span{ display: block;}
.building-list dd{ position: relative; background-color: #f5f5f5;}
.building-list figure{ float: left; display: block; width: 50%; position: relative; padding-bottom: 33.33%; overflow: hidden;}
.building-list figure .imgw{ position: absolute; left: 0; top: 0;}
.building-list .desc{ float: left; display: block; width: 40%; margin:0 5%; padding: 48px 0px;}
.building-list .twoItem figure{ float: right;}
.timeBox{ background-color: #333; color: #fff; padding: 8px 12px; width: 50px; line-height: 1.4; font-family: "DIN-Regular"; -webkit-transition: 0.4s; transition: 0.4s;}
.timeBox span{ display: block;}
.timeBox .day{ font-weight: bold; font-size: 18px;}
.building-list .timeBox{ margin-bottom: 30px;}
.building-list h4{ line-height: 1.5; font-size: 28px; color: #dc1c1c; font-weight: normal; margin-bottom: 8px; max-height: 54px; overflow: hidden;}
.building-list .txt{ line-height: 2; height: 80px; overflow: hidden;font-size:16px;}
.building-list a:link, .building-list a:visited { color: #666; }
.building-list a:active, .building-list a:hover { color: #E0260F; }
.building-list .more{ position: absolute; bottom: 36px; padding-bottom: 10px; width: 40%; display: block;}
.building-list .more:before{ content: ""; width: 100%; height: 2px; background-color: #E0260F; position: absolute; left: 0; bottom: 0; transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); -webkit-transform: scaleX(0); visibility:hidden\9; }
.building-list dd:hover .timeBox{ background-color: #E0260F;}
.building-list dd:hover .more{ color: #E0260F;}
.building-list dd:hover .more:before { transform: scaleX(1); -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform-origin: 0; -webkit-transform-origin: 0; visibility:visible\9;}
.paging { padding-top: 80px; text-align: center; }
.paging a:link, .paging a:visited { color: #999; }
.paging a:active, .paging a:hover { color: #fff; background-color: #0C2254;}
.paging a{ display: inline-block; margin: 0px 2px!important; padding: 10px 16px; border: 1px solid #F0F0F0; font-family: "DIN-Bold"; background-color: #fff;}
.paging a.act{ background-color: #0C2254; color: #fff;}
.info-pageT{ position: fixed; left: 128px; top: 35%; width: 250px;}
.previous a:link, .previous a:visited { color: #666;}
.previous a:active, .previous a:hover { color: #d71c10;}
.previous{ position: fixed; right: 0; top: 35%; width: 120px;}
.previous a{ position: relative; display: block; height: 50px; line-height: 50px; padding-left: 20px; font-size: 16px;}
.previous a:before { content: ""; position: absolute; left: -1px; top: 0; width: 6px; height: 100%; background-color: #e0260f; -webkit-transition: -webkit-transform .4s cubic-bezier(.4,0,.2,1); transition: transform .4s cubic-bezier(.4,0,.2,1); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; }
.previous a.active:before,.previous a:hover:before { transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9}
.infoPage{ width: 1278px; float: right; background-color: #f5f5f5;}
.info-T{ padding: 88px 0px 30px; background-color: #E5E5E5;}
.info-T .icon-rili{ font-family: "DIN-Regular"; color: #999; font-size: 14px;}
.info-T .icon-rili:before{ font-size: 18px; margin-right: 8px;}
.info-T h3{ font-size: 32px; color: #333; line-height: 1.5; font-weight: normal; margin-bottom: 40px;}
.w860{ width: 860px; margin: 0px auto;}
.infoPage .bgfff{ position: fixed; left: 0; top: 72px; bottom: 0; background-color: #ffff; right: 1398px;}
.info-c{ margin: 80px auto 120px;}
/*about style end*/

.honor-list dd{ position: relative; float: left; display: block; width:18.5%; margin-right: 1%; margin-bottom: 20px; background-color: #fff;}
.honor-list figure{ position: relative; overflow: hidden;}
.honor-list .hot{ position: absolute; right: 0; top: 0; background-size: cover; width: 142px; height: 115px;}
.honor-list .desc{ padding: 20px 55px 20px 35px; color: #666666; position: relative; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.honor-list .t{ font-size: 16px; margin-bottom: 5px;}
.honor-list .icon-dizhi1{ font-size: 14px;}
.honor-list .icon-dizhi1:before{ margin-right: 5px;}
.mico2{ position: relative; width: 16px; height: 16px; display: block; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before,.mico2:after{ content: ""; position: absolute; background-color: #dddddd; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before{ left: 0; top: 6px; width: 100%; height: 4px; }
.mico2:after{ left: 6px; top: 0; height: 100%; width: 4px;}
.honor-list .mico2{  position: absolute; right: 30px; top: 50%; margin-top: -8px;}
.honor-list .linkA{ z-index: 5;}
.honor-list dd:hover .mico2{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.honor-list dd:hover .mico2:before,.project-list dd:hover .mico2:after{ background-color: #fff;}
.honor-list .desc:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e0260f; -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index: -1; }
.honor-list dd:hover .desc{ color: #fff;}
.honor-list dd:hover .desc:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9}


/*project style*/
.pageInner{ margin:0 0 0 126px;}
.project-list dd{ position: relative; float: left; display: block; width: 31.33%; margin-right: 2%; margin-bottom: 42px; background-color: #fff;}
.project-list figure{ position: relative; overflow: hidden;}
.project-list .hot{ position: absolute; right: 0; top: 0; background-size: cover; width: 142px; height: 115px;}
.project-list .desc{ padding: 20px 55px 20px 35px; color: #666666; position: relative; z-index: 1; transition: 0.3s; -webkit-transition: 0.3s; background: #fafafa}
.project-list .t{ font-size: 16px; margin-bottom: 5px;}
.project-list .icon-dizhi1{ font-size: 14px;}
.project-list .icon-dizhi1:before{ margin-right: 5px;}
.mico2{ position: relative; width: 16px; height: 16px; display: block; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before,.mico2:after{ content: ""; position: absolute; background-color: #dddddd; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before{ left: 0; top: 6px; width: 100%; height: 4px; }
.mico2:after{ left: 6px; top: 0; height: 100%; width: 4px;}
.project-list .mico2{  position: absolute; right: 30px; top: 50%; margin-top: -8px;}
.project-list .linkA{ z-index: 5;}
.project-list dd:hover .mico2{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.project-list dd:hover .mico2:before,.project-list dd:hover .mico2:after{ background-color: #fff;}
.project-list .desc:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #e0260f; -webkit-transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99);  transition: transform 0.6s 0s cubic-bezier(0.36, 0.01, 0.29, 0.99); transform-origin: left 100%; -webkit-transform-origin: left 100%; transform: scaleY(0); -webkit-transform: scaleY(0); visibility: hidden\9; z-index: -1; }
.project-list dd:hover .desc{ color: #fff;}
.project-list dd:hover .desc:before{ transform: scaleY(1); -webkit-transform: scaleY(1); transform-origin: left 0; -webkit-transform-origin: left 0; visibility: visible\9}
.project-info a:link, .project-info a:visited { color: #666; }
.project-info a:active, .project-info a:hover { color: #E0260F; }
.project-info{ position: relative; padding: 40px 0; margin-left: 126px;}
.project-info .pageT{ float: left; display: block; width: 26%;}
.project-desc{ position: absolute; bottom: 114px; width: 20%;}
.project-desc h3{ color: #333333; font-size: 32px; line-height: 1.4; font-weight: normal; margin-bottom: 20px;}
.project-desc .type{ padding-bottom: 40px; color: #999999; font-size: 14px;}
.project-desc .txt{ line-height: 1.5; max-height: 63px; overflow: hidden; margin-bottom: 15px;}
.project-desc .btn-more{ margin-top: 18px; font-size: 14px; text-transform: uppercase;}
.project-page{ position: relative; float: left; display: block; width: 74%;}
/*.project-page .slick-arrow { position: absolute; width: 48px; height: 48px; line-height: 48px; z-index: 106; top: 50%; margin-top: -24px; text-align: center; background: url(../images/black_505.png) repeat; background: none rgba(51,51,51,0.5);}
.project-page .slick-prev{ left: 12px;}
.project-page .slick-next{ right: 12px;}
.project-page .slick-arrow i { display: block; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; color: #fff;}
.project-page .slick-prev i:before{ content: "\e608";}
.project-page .slick-next i:before{ content: "\e607";}
.project-page .slick-arrow:hover{ background:none #e0260f;}*/

.project-page .imgnum{ position: absolute; left: 50%; bottom: 10px; line-height: 48px; margin-left: -102px; margin-top:50px;}
.imgnum{ color: #fff; font-size: 16px; font-family:"DIN-Light";}
.imgnum a.iconfont{ float: left; font-size: 16px; font-weight: bold; color: #fff; width: 48px; height: 48px; line-height: 48px; display: inline-block; text-align: center; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.6); transition:300ms; -webkit-transition:300ms;}
.imgnum .iconfont:hover{ background-color: #e0260f; border-color: #e0260f; color: #fff;}
.imgnum .numbox{ float: left; margin: 0px 8px; background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.6); width: 72px; text-align: center;}

.md-content{background-color:#fff; margin:50px auto; position:relative; transform:translateX(100px); -webkit-transform:translateX(100px); opacity:0; visibility: hidden; -webkit-transition:all .3s linear; transition:all .3s linear;}
.md-show, .md-show body { overflow-y: hidden;}
.md-show .md-content{ transform:inherit; -webkit-transform:inherit; opacity:1; visibility: visible;}
.md-hide .md-content{ transform:translateX(-100px); -webkit-transform:translateX(-100px);}
.md-show .md-modal{ opacity:1;visibility:visible; }
.md-modal{ position:fixed; left:0; top:0; overflow-y:auto; overflow-x: hidden; right:0px; bottom:0; z-index:1000; opacity:0; background: url(../images/black_50.png) repeat; background: none rgba(255,255,255,0.9); -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-overflow-scrolling:touch;}
.form-box-close { background-color: #999999; width: 54px;height: 54px; line-height: 54px; position: absolute; right: -54px;top: 50%; margin-top: -27px; cursor: pointer;  transition: 300ms; -webkit-transition: 300ms;}
.form-box-close i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 54px; text-align: center; color: #fff; transition: 300ms; -webkit-transition: 300ms;}
.form-box-close:hover { background-color: #D60300;}
.form-box-close:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.proPage{ padding: 60px 70px 100px; width: 720px; box-shadow:0px 10px 20px rgba(0,0,0,0.16);}
.proPage .title{ color: #333333; font-size: 32px; font-weight: normal; line-height: 1.5; margin-bottom: 20px;}
.proPage .type{ font-size: 14px; color: #999999; margin-bottom: 50px;}
.proPage .type li{ float: left; display: block; margin: 0 50px 10px 0;}
/*project style end*/
/*bidding style*/
.bidding-list a:link, .bidding-list a:visited { color: #333; }
.bidding-list a:active, .bidding-list a:hover { color: #E0260F; }
.bidding-list li{ position: relative;background:rgba(245,245,245,1); box-shadow:0px 2px 4px rgba(0,0,0,0.16); padding: 32px 70px 32px 50px; margin-bottom: 20px; transition: 300ms; -webkit-transition: 300ms; cursor: pointer;}
.bidding-list .timeBox{ float: left; display: block;}
.bidding-list .txt{ font-size: 20px; padding-left: 108px; line-height: 60px; color: #333;}
.bidding-list .mico2{ position: absolute; right: 40px; top: 50%; margin-top: -8px;}
.bidding-list li:hover{background:rgba(255,255,255,1); box-shadow:0px 4px 8px rgba(0,0,0,0.16);}
.bidding-list li:hover .timeBox{ background-color: #e0260f;}
.bidding-list li:hover .mico2{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.bidding-list li:hover .mico2:before,.bidding-list li:hover .mico2:after{ background-color: #e0260f;}
.biddingPage{ width: 900px; padding: 55px 50px 35px; box-shadow:0px 10px 20px rgba(0,0,0,0.16);}
.biddingPage .title .timeBox{ float: right; display: block; margin-left: 15px;}
.biddingPage .title h3{ font-size: 32px; line-height: 1.5; color: #333; font-weight: normal; margin-bottom: 60px;}
.biddingPage .type{ padding-top: 50px; font-family: "DIN-Light"; color: #999999; font-size: 12px;}
/*bidding style end*/
/*hr style*/
.hr-page .img{ float: left; display: inline-block; width: 45%;}
.hr-page .desc{ float: right; display: inline-block; width: 50%;}
.join-list{ margin-left: -1%;}
.join-list li{ float: left; display: block; width: 49%; margin:0 0 20px 1%; background-color: #fff; transition: 300ms; -webkit-transition: 300ms; cursor: pointer;}
.join-list .item{ padding: 38px 40px 18px;}
.join-list .title{ color: #333333;  }
.join-list .icon-dizhi1{ float: right; display: block; margin-left: 15px;}
.join-list .icon-dizhi1:before{ margin-right: 5px;}
.join-list .title h3{ font-size: 24px; line-height: 1.5; font-weight: normal; height: 72px; margin-bottom: 10px;}
.join-list .desc{ height: 50px; overflow: hidden;}
.join-list .btn-more{ float: right; display: block; margin-left: 15px; font-size: 12px; color: #999; text-transform: uppercase;}
.join-list li:hover{ box-shadow:0px 3px 10px rgba(0,0,0,0.16);}
.join-list li:hover .title,.join-list li:hover .btn-more{ color: #E0260F;}
.joinPage{ width: 900px; padding: 50px; box-shadow:0px 10px 20px rgba(0,0,0,0.16);}
.joinPage .title{ border-top: 2px solid #E0260F; padding: 24px 0px; color: #333;}
.joinPage .title .icon-dizhi1{ float: right; display: block; margin-left: 15px;}
.joinPage .title .icon-dizhi1:before{ margin-right: 5px;}
.joinPage .title h3{ font-size: 32px; line-height: 1.2; font-weight: normal;}
.joinPage .bot{ height: 1px; background-color: #f5f5f5; margin: 15px 0px; }
/*hr style end*/
/*contact style*/
.minner{ margin-left: 390px; position: relative;}
.map{ width: 100%; height: 100%;}

.contact-boxT{ position: absolute; left: 5%; top: 50%; margin-top: -5%;  padding: 50px 65px 0; background-color: #fff; z-index: 100;}
.bg-txt{ position: fixed; left: 122px; top: 60px; font-family: "DIN-Bold"; font-size: 457px; line-height: 0.8; color: #FAFAFA;}
.contact-c{ position: absolute; right:5%; top: 15%; background-color: #fff; min-width:360px; padding: 44px 30px; color: #333333; font-size: 16px;}
.contact-c .line{ width: 100%; height: 4px; background-color: #d70d0b; display: block; margin-bottom: 40px;}
.contact-c .txt{ margin-bottom: 30px;}
.con-sharp a.iconfont{ font-size: 22px; color: #999999; margin-right: 22px;}
.con-sharp a.iconfont:hover{ color: #d70d0b;}
.con-box{ position: absolute; right: 5%; top: 22px; width: 7px;}
.con-box .c1{ width: 7px; height: 7px; display: block; margin: 0px auto; background-color: #d70d0b;}
.con-box .c2{ width: 1px; height: 40px; display: block; margin: 5px auto 0; background-color: #d70d0b;}
.con-box .c3{ position: relative; width: 16px; margin-left: -5px; color: #d70d0b; text-align: center;}
.BMap_bubble_title{ color:#E0260F; font-size:14px; font-weight:bold;}
.BMap_cpyCtrl{ display: none !important;}
/*contact style end*/
/*404 style*/
.noPage{ position: absolute; left: 0%; top: 50%; width: 100%; margin-top: -50%; margin-top: -160px;}
.noimg{ font-size:140px;font-family:"DIN-Regular";font-weight:400;line-height:1;color:rgba(12,34,84,1);}
.no-c{ margin: 0px auto; text-align: center;}
.no-btn{ padding: 70px 0px 28px; text-align: center; width: 306px; margin: 0px auto;}
.no-btn a{ width: 140px; height: 56px; line-height: 56px; text-align: center; background-color: #E0260F;}
.no-btn a.r{ background-color: #0C2254;}
.no-btn a .iconfont{ font-size: 14px; color: #fff;}
.no-btn a .iconfont:before{ font-size: 16px; margin-right: 8px;}
.no-btn a:hover{ background-color: #666666;}


/*新闻详情*/
.page{ margin-right: 121px; min-height: calc(100vh - 72px);}
.pagePadding{ padding: 30px 0px 20px;}
.pageT{ margin-bottom: 75px;}
.pageT .en{ color: #333; font: 48px/1.0 "DIN-BlackItalic"; padding:0 0 6px;}
.pageT .en>span{ padding:0 5px;}
.pageT .red{ color: #E0260F; padding-left: 8px;}
.pageT .zh{ font-size: 24px; color: #d8110e;  padding: 10px}
.pageT .type{ color: #E0260F; font-size: 16px; font-family: "DIN-Bold";}
.page-nav a:link, .page-nav a:visited { color: #fff;}
.page-nav a:active, .page-nav a:hover { color: #fff;}
.page-nav{ float: right; display: block; padding-top: 70px;}
.page-nav a{ 
	float: left; 
	display: block; 
	width: 120px;
	height: 48px; 
	line-height: 48px; 
	margin-left: 16px; 
	background-color: #333; 
	text-align: center;
}
.page-nav a:hover,.page-nav a.active{ background-color: #E0260F;}

.inner, .pinner { width:86%;margin: 0px auto;}

.bidding-list a:link, .bidding-list a:visited { color: #333; }
.bidding-list a:active, .bidding-list a:hover { color: #E0260F; }
.bidding-list li{ position: relative;background:rgba(245,245,245,1); box-shadow:0px 2px 4px rgba(0,0,0,0.16); padding: 32px 70px 32px 50px; margin-bottom: 20px; transition: 300ms; -webkit-transition: 300ms; cursor: pointer;}
.bidding-list .timeBox{ float: left; display: block;}
.bidding-list .txt{ font-size: 20px; padding-left: 108px; line-height: 60px; color: #333;}
.bidding-list .mico2{ position: absolute; right: 40px; top: 50%; margin-top: -8px;}
.bidding-list li:hover{background:rgba(255,255,255,1); box-shadow:0px 4px 8px rgba(0,0,0,0.16);}
.bidding-list li:hover .timeBox{ background-color: #e0260f;}
.bidding-list li:hover .mico2{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}
.bidding-list li:hover .mico2:before,.bidding-list li:hover .mico2:after{ background-color: #e0260f;}
.biddingPage{ width: 900px; padding: 55px 50px 35px; box-shadow:0px 10px 20px rgba(0,0,0,0.16);}
.biddingPage .title .timeBox{ float: right; display: block; margin-left: 15px;}
.biddingPage .title h3{ font-size: 32px; line-height: 1.5; color: #333; font-weight: normal; margin-bottom: 60px;}
.biddingPage .type{ padding-top: 50px; font-family: "DIN-Light"; color: #999999; font-size: 12px;}

.mico2{ position: relative; width: 16px; height: 16px; display: block; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before,.mico2:after{ content: ""; position: absolute; background-color: #dddddd; transition: 0.3s; -webkit-transition: 0.3s;}
.mico2:before{ left: 0; top: 6px; width: 100%; height: 4px; }
.mico2:after{ left: 6px; top: 0; height: 100%; width: 4px;}

.timeBox .day {
    font-weight: bold;
    font-size: 18px;
}
.timeBox span {
    display: block;
}